#javascript project

[codingflicks]

Scroll to Top Button

[codenewbies]

Background Color Change JavaScript

[gagande]

PureCode AI review | TypeScript and JavaScript in Harmony

TypeScript and JavaScript can coexist peacefully in the same project. Developers can convert .js files to .ts incrementally, adding types and features to a JavaScript project over time.

[divinector]

Animated Background using Vanilla Javascript

[ophanimkei]

mall - collab between me and @fizzsea for the @yumenikki-zine

[elumish]

The problem with learning things backwards is that it's very hard to tell whether something is difficult because it is actually difficult or because I don't know what I'm doing.

[dseval]

Hello audience. Unfortunately, I am still on my break. However, I am happy to announce that I am still alive and kicking. In fact, I decided to make use of my unemployment and revisit HTML, CSS, and JavaScript to create... A visual novel.

Good News: code is 100% reusable because I used a JSON (i do not know how that works, someone can kindly explain to me...)

Bad News: this code sucks ass, and NOTHING works except playing the story. Transitions? Doesn't work. UI/UX? Ass. Effects? Hell no... Also, 70% of the features aren't present yet I'm gonna do it later.

Oh, this is CrossDust, if you can't tell.

Dust Sans by Ask-Dusttale, Cross Sans by Jakei

I'm gonna respond to asks and do requests later (After my break is over). This is just a small update teehee.

[izicodes]

Sugary Scribbles | #8

Saturday 6th January 2024

IT'S BASICALLY WORKING (on larger screens)! My never-ending war on website responsiveness continues! I have a large screen and I stupidly only took into account of MY screen size. What I did do though is created a message for phone-table sizes because it just wouldn't make sense it working on really small devices - in my opinion~! But for now I will put this on hold because I am excited about my other project idea I came up with yesterday oops~!

This is my first project of the year and it's super adorable in my opinion! It paints, it erases, it deletes and it saves your artwork! Ticks all the boxes I made at the beginning of the project! Turned a simple 'Make a HTML painting webpage' into something more cuter and cool! Job well done! 😩🙌🏾💗

You can try it out (if you have a larger screen size), all that happens is the painting will be off the mouse direction a bit, sorry!

link to the Sugary-Scribbles web app! 🍡

Lastly, here is a cool drawing I made as I was testing the site~! I'm a better artist than this I swear, just not good using a mouse...

List of resources I used during the project

Figma - to plan the webpage

Canva: to make the header

Photopea: for further photo editing

RedKetchup: to colour pick quickly

CSS Animations: to add the zoom-in-n-out animation

MDN Canvas: to know what the element does properly

YouTube Tutorial: to get inspiration and extra help

Flaticon: for the icons and cursors

Html2canvas API: to turn the drawing into an image (tutorial)

That's all, have a nice day/night and happy coding! 🖤

[artmasiah]

Game Dev Blog 04: Collision Detection Cont.

01/09/2024

Solution!💾

I created a transform matrix that updates the (x,y) position of the character no matter where it moves on the screen ✅

As the red box updates so does the green box. I then use the green box to do the collision detection. See the video below:

To do:

create collision areas for interacting with piano and art wall🔲

Refactor code🔲

[codingflicks]

Animated Profile Card

[kawaoneechan]

I can't decide 🎵

Okay, let's have a good think about scripting languages that I might use in Project Special K. I wrote about this before, but really I'm just trolling for comments and suggestions.

Option 1 - Lua

Relatively easy to implement, especially with something like Sol on top.

Well known, often used for game scripts.

I have no earthly clue how to handle multiple objects running their own scripts simultaneously, let alone the whole "wait for some other object to signal back" that I described before.

Option 2 - JavaScript

Could be a nice challenge to implement, maybe with something like Duktape?

Well known, but not as often used for game scripts as Lua.

The third point is exactly the same as for Lua.

Option 3 - bespoke Lisp-like

Tricky to implement, but I've done it a bunch of times now to varying degrees.

Not as well known nowadays, I suppose, compared to JS and Lua.

I already know how to allow for cooperative multi-threading and waiting for other objects to finish, as described before. Just gotta implement the whole thing.

Option 4 - Event Flow

The script engine used in Animal Crossing New Horizons, Legend of Zelda Breath of the Wild and Tears of the Kingdom, and probably many other Switch games.

This option is a joke to make the list longer.

Obviously supports waiting for outside things.

Option 5 - Something else

Who knows, maybe one of you reading this has a better idea?

As a reminder of what I kept referring to, there would be several things running simultaneously like villagers, gift balloons, bugs, the hourly weather and chime thing, the player, and the UI. When you talk to a villager, they stop what they're doing and run a script. That script can then cause a dialogue box to appear by spawning in a new game object. The script should then sit and wait until the dialogue box is dismissed, all while the villager sits and waits until the script signals it's done, while the dialogue box and script can trigger animations to play on the villager and player alike... all while all these other objects still process in the background, and may themselves run scripts.

I'd rather not start on implementing something as in-depth as a script system, let alone with a feature such as that, without being certain it's not a very bad idea.

Doesn't need to be the best idea. Just not a very bad one.

[skinsbyoctober]

From crude mock-ups in photoshop to a finished-enough something, the sculpting process in skinning kind of looks a little like this for me. Its responsive-ish, which is pretty cool for someone who doesn't really have an interest in responsive design.

See how the mark-up for it is done on my codepen here. Design inspired by this little thing I saw on pinterest.

[divinector]

Join our Telegram Channel

[orcelito]

Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions

My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.

So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)

It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.

I can do this. I can very much do this.

[elumish]

My brother: when programming, if you're having trouble getting something to work, think through the logic of what you're trying to accomplish

Me: the logic isn't the problem. jQuery is the problem